<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>L'OCCITANE 欧舒丹</title>
    <link rel="stylesheet" href="../css/common.css">
	<link rel="stylesheet" href="../css/header.css">
	<link rel="stylesheet" href="../css/header2.css">
	<link rel="stylesheet" href="../css/goodlist.css">
	<link rel="stylesheet" href="../css/bottom.css">
    <script src="../js/jquery-1.10.1.min.js"></script>
    <script src="../js/page.js"></script>
    <link rel="stylesheet" href="../css/page.css">
    <link rel="shortcut icon" href="../img/favicon.ico">
</head>
<body>
    <div class="wrap">
        <div class="top"></div>
        <div class="_header"></div>
        <div class="bg_small">
            <div class="small public">
                
            </div>
        </div>
        <div class="bg_banner">
            <div class="banner public">
                <!-- <img src="../img/banener/banner1.jpg" alt=""> -->
            </div>
        </div>
        <div class="bg_content">
            <div class="content public">
                <div class="box_left pullleft">
                        <p>筛选：<span>共22件商品</span></p>
                        <h2>产品系列<span></span></h2>
                        <ul>
                            <li><div></div>甜蜜樱花</li>
                            <li><div></div>马鞭草</li>
                            <li><div></div>乳木果</li>
                            <li><div></div>玫瑰皇后</li>
                            <li><div></div>甜扁桃</li>
                            <li><div></div>芍药</li>
                            <li><div></div>倾城之光</li>
                            <li><div></div>繁花炫舞</li>
                            <li><div></div>薰衣草</li>
                        </ul>
                </div>
                <div class="box_right pullright">
                    <p>价格<span><img src="../img/ll_03.jpg" alt="" class="img1"><img src="../img/ll_06.jpg" alt="" class="img2"></span><span><img src="../img/ll_03.jpg" alt="" class="img3"><img src="../img/ll_06.jpg" alt="" class="img4"></span>销量</p>
                  <ul class="goods">
                      <!-- <li>
                    <img src="../img/goodlist/pic1.jpg" alt="">
                    <p>朱一龙同款手霜礼盒</p>
                    <p>￥360.00</p>
                    <div>立即购买</div>
                      </li> -->
                  </ul>
                  <div class="page"></div>  
                </div>
            </div>
        </div>
        <div class="bg_list">
                <div class="list public">
                    <ul>
                        <li><a href="">L'OCCITANE基金会</a></li>
                        <li><a href="">L'OCCITANE全球网站</a></li>
                        <li><a href="">服务条款</a></li>
                        <li><a href="">隐私条款</a></li>
                    </ul>
                    <div> 沪公网安备 31010602002123号   ICP备案序号:沪ICP备09095206号-4号   普罗旺斯欧舒丹贸易（上海）有限公司 版权所有 @2017 2019</div>
                </div>
            </div>
        <div class="bg_bottom">
            <div class="bottom public"></div>
        </div>
    </div>
</body>
<script>
$("._header").load("header.html",function(){
		$.getScript("../js/header.js")
	})
	$(".bottom").load("bottom.html",function(){
		$.getScript("../js/bottom.js")
    })
    var num=location.search.split("=")[1]
    $(".banner").html(`<img src="../img/banener/banner${num}.jpg" alt="">`)
    console.log(num)
    var menu=""
    switch (Number(num)) {
        case 1:
        menu="手唇护理"
            break;
        case 2:
        menu="身体护理"
            break;
        case 3:
        menu="面部护理"
            break;
        case 4:
        menu="发部护理"
            break;
        default:
            break;
    }
    console.log(menu)
    $(".small").html(`首页 > ${menu}`)
</script>
<script src="../js/goolist.js"></script>
</html>